.liucheng{ width: 100%;
    margin: 0 auto;
    padding: 50px 0 0;overflow:hidden;}
.liucheng_tit , .youshi_tit{border-width: 0px;
    border-color: transparent;
    padding: 0px;
    width: 100%;
    height: 40px;
    display: block;
    border-style: solid;font-size: 1.87em;
    text-align: center;color: rgb(67, 67, 67);
    font-family: "Microsoft YaHei";}
.youshi_tit{ width: 100%;margin:0 auto;color: rgb(255, 255, 255);}
.liucheng_tit_small , .youshi_tit_small{background:url(../images/ling_bg.jpg) no-repeat center top;height:31px;line-height:31px;font-size:1.125em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgb(102, 102, 102);
    font-family: "Microsoft YaHei"; text-align: center;}
 .youshi_tit_small{color: rgb(255, 255, 255);width: 100%;margin:0 auto;background:url(../images/ling_bg.png) no-repeat center top;}
.libgc{word-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 260px;
    background-color: rgb(102, 102, 102);
    width: 100%;
    border-style: solid;}
.libgc:nth-child(2n+1){background-color: rgb(21, 92, 188);}
.libgc p{font-size: 20px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);font-weight:bold;margin-left:20px;padding-top:50px;}
.libgc span{	font-size: 14px;
    line-height: 200%;
    color: rgb(255, 255, 255);
	display:block;
	width:62%;margin-left:50px;margin-top:35px;
}
.liucheng-con{margin-top:50px;}
.liucheng-con li{
	width: 20%;
	overflow:hidden;
	float:left;
}
.zyyw_tit{border-width: 0px;
    border-color: transparent;
    padding: 0px;
    width: 100%;
    
    display: block;
    border-style: solid;font-size: 1.87em;
    text-align: center;color: rgb(21, 92, 188);
    font-family: "Microsoft YaHei";}
.zyyw_p{font-size:15px;width:100%;margin:10px auto;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgb(102, 102, 102);
    font-family: "Microsoft YaHei";text-indent:2em}
 
.liucheng-con .imgblock{width: 100%; height: 180px;
    top: 0px;
    left: 0px;position: relative;overflow:hidden;display:block;}
.liucheng-con img{width: auto;
    height: 180px;
    top: 0px;
    left: 0px;
    position: absolute;
    transform: scale(1);
}
.bgblock{display:none;width: 100%;
    height: 180px;
    top: 0px;
    left: 0px;
    position: absolute;
    transform: scale(1);opacity:0.8;}
 .imgblock:hover .bgblock{display:block;}
.youshi{position: relative;
    height: 750px;
    background-color: rgb(21, 92, 188);
    background-attachment: fixed;
    background-position: left top;
    background-repeat: repeat;
    background-image: url(../images/dark-bg.jpg);
    width:100%;
	padding: 80px 0;}
.ys_detal{ width: 100%;
    margin: 0 auto;
    padding: 50px 0;
	overflow:hidden;}
.ys_detal li{float:left;width:30%}
.ys_detal li:nth-child(2){margin:40px 5%;width:30%}
.ys_detal li:nth-child(3){text-align: left !important;float:RIGHT;width:30%}
.ys_detal li h3{line-height: 140%;
    color: rgb(255, 255, 255);font-family: "Microsoft YaHei";
    font-size: 24px;text-align: right;word-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 37px;
    display: block;}
.ys_detal li:nth-child(3) h3 ,.ys_detal li:nth-child(3) p{text-align: left;}
.ys_detal li p{font-size: 14px;
    color: rgb(217, 217, 217);text-align: right;word-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 62px;
    display: block;}

.ys1{width:100%;}
.ys2{width: 70%;margin:60px auto 110px;}
.ys_img{margin-top:10px; background: url(../images/ys.png) no-repeat center;width:400px;height:400px;position:relative;}
.ys_img dl dd{position:absolute;top:0px;font-size:32px;
left:10%;width:80px;height:80px;text-align:center;
line-height:80px;border-radius:50%;background:rgb(254, 184, 0);color:#fff;}

.ys_img dl dd:nth-child(2){margin-top:90px;left:-10%;top:60px;}
.ys_img dl dd:nth-child(3){left:10%;top:160px;margin-top:160px;}
.ys_img dl:nth-child(2) dd{position:absolute;top:0px;left:70%;width:80px;height:80px;line-height:80px;border-radius:50%;background:rgb(254, 184, 0);color:#fff;}
.ys_img dl:nth-child(2) dd:nth-child(2){margin-top:90px;left:90%;top:60px;}
.ys_img dl:nth-child(2) dd:nth-child(3){left:70%;top:160px;margin-top:160px;}
.ys_img dl dd:hover{background:rgb(0, 0, 0)}
.jianjie{position: relative;
    height: 500px;
    background-color: rgb(21, 92, 188);
    background-attachment: fixed;
    background-position: left top;
    background-repeat: repeat;
    background-image: url(../images/main-bg-3.jpg);
    width: 1903px;
	padding: 80px 0;}
.jianjie_tit{word-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
    height: 480px;
    background-color: transparent;
    width: 1200px;
    border-style: solid;
	margin:0 auto;
    background-image: url(../images/w-bg-90.png);}
.jianjie_tit h2{line-height: 140%;
    color: rgb(0, 0, 0);
font-size: 28px;text-align: center;padding-top:50px;}
.jianjie_tit h2p{olor: rgb(0, 0, 0);
    line-height: 200%;
    font-family: "Microsoft YaHei";
    font-size: 15px;}

.nynews{width:100%;margin:0 auto;overflow:hidden;border-top:1px solid #ddd;margin-top:30px;margin-bottom:50px;}
.nynews h2{padding: 20px 0 15px;}
.nynews li{float:left;width:48% !important;overflow:hidden;line-height:35px;margin:0px !important;background: url(../images/menu_icon.gif) no-repeat 0 center;padding-left:10px;}
.nynews li a{color:#666;}
.nynews li a:hover{color:#155cbc}
.news-time_t{float:left;width:80% !important;overflow:hidden;text-overflow:ellipsis;
white-space: nowrap;margin:0px !important;}
.news-time_s{float:right;width:20% !important;margin:0px !important;}
.nynews li:nth-child(2n){float:right;width:48%;}
.news-banner img{width:100%}
@font-face {
    font-family: "DIN Medium";
    src: url("../new_font/DIN Medium.woff2") format("woff2"), url("../new_font/DIN Medium.woff") format("woff"), url("../new_font/DIN Medium.ttf") format("truetype"), url("../new_font/DIN Medium.eot") format("embedded-opentype"), url("../new_font/DIN Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal
}
.nynews i{    width: 80px;
    height: 20px;
    border-top: 1px solid #f9c152;
    display: block;}

.news_tit {
 width: 100%;
 margin:0 auto;
 overflow:hidden;

}
.news_tit_t{float:left; letter-spacing: 2px;
    padding-bottom: 16px;
   }
.news_tit_t h2{line-height: 140%;
    font-size: 28px;
    color: rgb(67, 67, 67);}
.news_tit_t p{font-size: 14px;
    text-transform: uppercase;color:#666;}
.news-con {
    width: 1200px;
    margin: 0px auto 0
}
.news-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;float:right;
}
.news-nav > li {
    padding: 0px 10px;
    margin: 0 10px;
    border: 1px solid #ececec;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in
}
/*.selected {
    background: #cc131d;
    color: #fff !important;
    border: 1px solid #cc131d !important
}*/
.news-nav > li:hover {
    color: #8b8b8b
}
.news-list {
    margin-top: 30px;
    display: none
}
.news-list li {
    position: relative;
    width: 369px
}
.news-list li a {
    display: block
}
.news-time {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    font-family: "DIN Medium";
    font-weight: bold;
    background: #cc131d;
    border-radius: 3px
}
.news-tit {
    width: 280px;
    padding: 40px 25px;
    position: absolute;
    top: 230px;
    left: 50%;
    margin-left: -165px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px #d7d7d7;
    box-shadow: 0 0 30px #d7d7d7;
    text-align: center;
    -webkit-transition: top 1s;
    transition: top 1s;
    -moz-transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s
}
.news-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.news-tit h5 {
font-size: 18px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-tit p {
    font-size: 14px;
    color: #777;
    line-height: 20px;
    margin: 15px 0 30px
}
.readmore {
    display: block;
    background: url(../images/readicon.jpg) top left no-repeat;
    padding-left: 18px;
    font-size: 14px;
    color: #272727;
    width: 60px;
    margin: 0 auto;
    height: 16px;
    line-height: 16px
}
.news-list ul li:hover .news-tit {
    top: 200px
}
.news-list ul li .sel_top {
    width: 369px;
    height: 284px;
    overflow: hidden
}
.news-list ul li .sel_top img {
    position: relative;
    width: 369px;
    height: 284px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}
.news-list ul li:hover .sel_top img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}
.btn-ef {
    background: #155cbc;
	color:#fff;
}
.btn-ef:hover{
    background: #fff;
	color:#000;
}
.btn-ef:before {
    content: ' ';
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: 0.3;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}
.btn-ef:hover:before {
    width: 45px;
    left: 205px
}

.footer {
    width: 100%;
    height: auto;
    background: rgb(32, 32, 32);
	position:relative;
}

.footer-top {
   float:left;
  word-wrap: break-word;
    padding: 0px;
    border-color: transparent;
    border-width: 0px;
 
    background-color: rgb(36, 36, 36);
    width: 28.33%;
    border-style: solid;
	position: absolute;
    top: -40px;
}
.zxly_t{margin-top:40px;margin-left:10%; background: url(../images/indexly2.png) no-repeat left center;}
.zxly_t h2{font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb(221, 221, 221);margin-left:60px;}
.zxly_t p{font-size: 12px;
    text-transform: uppercase;
    color: rgb(153, 153, 153);margin-left:60px;}

.footer-top form{margin-left:10%;margin-top:20px;}

.footer .cf li{margin-top: 7px;
margin-bottom: 7px;}
.footer .cf li input {width:90%;border:1px solid rgb(221, 221, 221);padding:6px;background:none;color:#fff;}
.footer .cf li textarea{width:90%;padding:10px;background:none;border:1px solid rgb(221, 221, 221);color:#fff;}

.footer .feed-btn input{
width:90%;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 13px;
    background-color: #dddddd;
    color: #000000;
    border-width: 0px;
    height: 34px;
line-height: 34px;}
.footer-top p {
    font-size: 14px;
    color: #fff
}
.footer .feed-btn input:hover{background-color: #feb800;;}
.footer-top p span {
    color: #727272
}
.foot_fr{float:right;WIDTH:70%}


.footer-btm{
    padding-top: 30px;  height:80px;line-height:80px;border-bottom:1px solid #333333;
}

.footer-btm > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.footer-p{color: #d8d5d5;
    font-family: 微软雅黑;
    font-size: 13px;
    line-height: 220%;
	float:left}
.footer-btm ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    height: 48px;
    line-height: 48px
}
.redh{ font-size:24px;line-height: 80px;
    height: 80px;color:#fff;float:right;color: #feb800;
background:url(../images/Ellipse40.png) no-repeat left center;padding-left:60px;}
.footer_add{overflow:hidden;margin-top:50px;}
.footer_add img{display:inline;}
.footer-btm ul li {
   float:left;
}
.footer-p {
    color: rgb(216, 213, 213);
  
    font-size: 14px;
    line-height: 220%;
    float: left;
}
.footer-btm ul li a{
 
    font-family: arial;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #999;
    text-align: left;
}
.footer-btm ul li:nth-child(1) a, .footer-btm ul li a:hover{
color: #feb800;
}
.wb div:hover {
    background: url(../images/wb_white_03.png) center center no-repeat;
    border: none
}

.icpinfo{padding:10px 0;margin-bottom:20px;}


/* tab */
#tab{width:100%;position:relative;margin:0px auto;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{float:left;margin:0 !important;margin-left:0!important;margin-right:10px!important;font-size: 16px;
    color: #fff;
    background-color: #c1c1c1;
    text-align: center;
padding:10px;
    margin: 0 10px 10px;
    
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;}
#tab .tab_menu li a{color:#fff;}
#tab .tab_menu li:nth-child(odd) div {
  margin-left:0!important;margin-right:0!important
}
#tab .tab_menu li:nth-child(even) div {
  margin-left:0!important;margin-right:0!important
}
.tath{width:100%;clear:both;top:80px;position:relative;margin-bottom:0px !important}
#tab .tab_box{width:100%;clear:both;top:80px;position:relative;}
#tab .tab_menu .selected{background-color: #155cbc;cursor:pointer;}
.hide{display:none;}
.tab_box div{} 
.sou_cin .cin_or div img {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 99
}

.sou_cin .cin_or div .ing {
    background-color: #cc131d;
    background-image: url("../images/sou2.png")
}
.BMap_bubble_title{font-weight:bold;}
.ditu-nav{width:100%;margin:0 auto;position:relative;}
 
.ditu-nav a{color:#000;}
.ditu-nav .prod_tree{text-align:center;width:100%}
.ditu-nav .prod_tree a{font-size: 1.em;
    
    text-align: center;
    padding:10px;
    margin: 0 0 10px 0;
 
    display: inline-block;border:1px solid }
.ditu-nav table{width:100%; border-collapse:collapse;border-color:#fff}
.ditu-nav table th{background:#155cbc;color:#fff;}
.ditu-nav table:nth-child(2n){background:#e3ebff;}

.ditu-nav table th {padding:10px;}
.ditu-nav table td{padding:5px;}
.ditu-nav .prod_tree a{color: #155cbc;font-weight:bold;}

.ditu-nav .prod_tree2{}
	.ditu-nav .prod_tree2 a{color:#fff;}

.ditulie{padding:20px;border-bottom:1px solid #ddd;}

.picFocus .bd ul li{position:relative}
.picFocus .bd ul li::after {
  content: "";
  background:url(../images/main1.jpg) center no-repeat;
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; width:100%;  
} 

   .picFocus .bd  ul li:nth-child(3)::after{background:url(../images/main2.jpg) center no-repeat;
   }
   .picFocus .bd ul li:nth-child(4)::after{background:url(../images/main3.jpg) center no-repeat;
   }
   .picFocus .bd ul li:nth-child(2)::after{background:url(../images/main4.jpg) center no-repeat;
   }
.picFocus .bd ul li p{font-size: 1.5em;
    color: rgb(21, 92, 188);     
     margin:120px auto;filter:alpha(opacity=100);  
-moz-opacity:1;  
-khtml-opacity: 1;  
opacity: 1;}
.picFocus .bd ul li:nth-child(1) p{width:385px;}
.picFocus .bd ul li:nth-child(3) p {width:410px;margin:100px auto}
.picFocus .bd ul li:nth-child(4) p {width:429px;margin:100px auto}
.picFocus .bd ul li:nth-child(2) p {width:244px;}